layui.use(['table', 'form', 'jquery', 'laydate'], function() {
	var table = layui.table;
	var form = layui.form;
	var $ = layui.jquery;
	var laydate = layui.laydate;
	table.render({
		elem: '#test',
		url: 'http://localhost:8080/Online-student/TeacherController/getAllTeacher',
		where: {
			del: 0
		},
		toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
			,
		defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
			title: '提示',
			layEvent: 'LAYTABLE_TIPS',
			icon: 'layui-icon-tips'
		}],
		title: '用户数据表',
		cols: [
			[{
					type: 'checkbox',
					fixed: 'left'
				}, {
					field: 'tid',
					title: '编号',
				}, {
					field: 'tname',
					title: '教师姓名',
				},
				{
					field: 'deptname',
					templet: function(data) {
						return data.department[0].deptname;
					},
					title: '系别',
					align: "center"
				}, {
					field: 'sex',
					title: '性别',
				}, {
					field: 'birthday',
					title: '生日',
				}, {
					field: 'createtime',
					title: '入职时间'
				}, {
					field: 'email',
					title: '邮箱',
				}, {
					field: 'phone',
					title: '手机',
				}, {
					fixed: 'right',
					title: '操作',
					toolbar: '#barDemo',
					width: 200
				}
			]
		],
		page: true,
		parseData: function(res) { //res 即为原始返回的数据
			// console.log(res);
			return {
				"code": res.status, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.data.total, //解析数据长度
				"data": res.data.list //解析数据列表
			};
		}
	});
	// 监听模糊查询
	form.on('submit(demo1)', function(data) {
		//上述方法等价于
		table.reload('test', {
			where: { //设定异步数据接口的额外参数，任意设
				method: 'getAllTeacher',
				tname: $("#tnames").val(),
				phone: $("#phones").val(),
			},
			page: {
				curr: 1 //重新从第 1 页开始
			}
		}); //只重载数据
		return false;
	});
	// 监听增加和修改
	form.on('submit(demo)', function(data) {
		if (data.field.tid == 0 || data.field.tid == "") {
			$.ajax({
				url: 'http://localhost:8080/Online-student/TeacherController/addTeacher',
				type: 'get',
				data: {
					tname: $("#tname").val(),
					deptid: $("#deptid").val(),
					sex: $("#sex").val(),
					birthday: $("#birthday").val(),
					createtime: $("#createtime").val(),
					email: $("#email").val(),
					phone: $("#phone").val()
				},
				dataType: "json",
				success: function(result) {
					if (result.data == 1) {
						//上述方法等价于
						layer.closeAll();
						table.reload('test', {
							page: {
								curr: 1 //重新从第 1 页开始
							}
						}); //只重载数据
						$("#from")[0].reset();
						layer.msg(result.message);
					}
				}
			})
		} else {
			$.ajax({
				url: 'http://localhost:8080/Online-student/TeacherController/updateTeacher',
				type: 'get',
				data: {
					tid: $("#tid").val(),
					tname: $("#tname").val(),
					deptid: $("#deptid").val(),
					sex: $("#sex").val(),
					birthday: $("#birthday").val(),
					createtime: $("#createtime").val(),
					email: $("#email").val(),
					phone: $("#phone").val()
				},
				dataType: "json",
				success: function(result) {
					if (result.data == 1) {
						//上述方法等价于
						layer.closeAll();
						table.reload('test', {
							page: {
								curr: 1 //重新从第 1 页开始
							}
						}); //只重载数据
						$("#from")[0].reset();
						layer.msg(result.message);
					}
				}
			})
		}
		return false;
	});
	//头工具栏事件
	table.on('toolbar(test)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id);
		switch (obj.event) {
			case 'getCheckData':
				/**
				 * 增加弹出层
				 */
				layer.open({
					type: 1, //此处以iframe举例
					title: '教师信息管理',
					area: ['800px', '500px'],
					shade: 0,
					maxmin: true,
					offset: ['20%', '30%'],
					content: $("#from"),
					success: function(layero, index) {
						layer.setTop(layero); //重点2. 保持选中窗口置顶
					}
				})
				break;
		};
	});

	//监听行工具事件
	table.on('tool(test)', function(obj) {
		var data = obj.data;
		form.val('from', data);
		form.val('demo', data);
		//console.log(obj)
		if (obj.event === 'del') {
			layer.confirm('真的删除行么', function(index) {
				obj.del();
				layer.close(index);
			});
		} else if (obj.event === 'edit') {
			layer.open({
				type: 1, //此处以iframe举例
				title: '教师信息管理',
				area: ['800px', '500px'],
				shade: 0,
				maxmin: true,
				offset: ['20%', '30%'],
				content: $("#from"),
				success: function(layero, index) {
					layer.setTop(layero); //重点2. 保持选中窗口置顶
				}
			})
		}
		if (obj.event === 'select') {
			layer.open({
				type: 1, //此处以iframe举例
				title: '公告信息管理',
				area: ['700px', '400px'],
				shade: 0,
				maxmin: true,
				offset: ['10%', '20%'],
				content: $("#demo"),
				success: function(layero, index) {}
			});
		}
	});
	//开始时间
	laydate.render({
		elem: '#createtime',
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		type: 'date'
	});
	//生日
	laydate.render({
		elem: '#birthday',
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		type: 'date'
	});
});
